<template>
  <section class='f-help'>
    <img class="f-return-img" src="@/assets/icons/return_btn_return.png" alt="" @click="goBack()">
    <img src="@/assets/imgs/help_01.jpg" alt="">
    <img src="@/assets/imgs/help_02.jpg" alt="">
    <img src="@/assets/imgs/help_03.jpg" alt="">
  </section>
</template>
<script>
import { ref, reactive, toRefs, onMounted, watch } from 'vue';
import { useRouter, useRoute } from 'vue-router'
import { useStore } from 'vuex';

export default {
  setup(props, context) {
    const store = useStore()

    const router = useRouter()
    const route = useRoute();

    const state = reactive({})

    onMounted(() => { })

    const goBack = () => {
      router.go(-1)
    }

    return {
      ...toRefs(state),
      goBack
    }
  }
}
</script>

<style lang='scss' scoped>
.f-help {
  .f-return-img {
    position: fixed;
    width: 32px;
    top: 43px;
    left: 13px;
  }
  img {
    width: 100%;
  }
}
</style>